.mod__container {
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  display: flex;
  flex: 0 0 auto;
}

.mod-inner{
  border: 1px solid #e8e8e8;
  cursor: pointer;
  background: #fff;
  border-radius: 2px;
  max-width: 100%;
  margin-bottom: 16px;
}

.mod-inner:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.09);
  border-color:rgba(0,0,0,.09)
}

.mod-cover {
  min-height: 150px;
  border-bottom: 1px solid rgba(0,0,0,.09);
}

.mod-body {
  padding: 20px;
}

@media (min-width: 576px) {
   .mod__container {
     display: block;
     box-sizing: border-box;
     width: 50%;
   }
}

@media (min-width: 992px) {
   .mod__container {
     display: block;
     box-sizing: border-box;
     width: 50%;
   }
}

@media (min-width: 1600px) {
   .mod__container {
     display: block;
     box-sizing: border-box;
     width: 33.33333333%;
   }
}

.mod-description {
  height: 44px;
  line-height: 22px;
  color: rgba(0,0,0,.45);
  font-size: 14px;
  overflow: hidden;
}

.mod-page-list {
  min-height: 20px;
  display: flex;
}

.mod-page-list>span {
  flex: 1 1;
  font-size: 12px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0,0,0,.45);
  padding-left: 20px;
  position: relative;
  box-sizing: border-box;
}

 .mod-page-list>span:before {
   content: '';
   display: inline-block;
   width: 16px;
   height: 16px;
   background: url('/static/images/icon-time.png') no-repeat;
   background-size: 100% 100%;
   position: absolute;
   left: 0;
   top: 2px;
 }

.mod-view ul li{
  display: inline-block;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer;
}
.mod-view ul li:hover {
  background-color: #f0f0f0;
}

.mod-view ul li:not(:last-child) {
  // margin-right: 5px;
}

.doc, .view, .github {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 20px;
}

.doc {
  background: url('/static/images/icon-doc.png') no-repeat;
  background-size: 100% 100%;
}

.view {
  background: url('/static/images/icon-view.png') no-repeat;
  background-size: 100% 100%;
}

.github {
  background: url('/static/images/icon-github.png') no-repeat;
  background-size: 100% 100%;
}
